<template>
  <div class="none-wechat-container">
    <div class='none-wechat-menu'>{{menuName}}</div>
    <div class='none-wechat-page-wrapper'>
      <div class='none-wechat-page'>
        <div class='none-wechat-title'>{{title}}</div>
        <div class='none-wechat-btn' @click='goBindWechat'>先去绑定公众号</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'noneWechat',
  props: {
    title: {
      type: String,
      default: '绑定公众号后，即可使用此功能'
    }
  },
  methods: {
    goBindWechat () {
      this.linkTo({ name: 'wechatGuide' })
    }
  }
}
</script>

<style lang="stylus" scoped>
.none-wechat-container
  background #fff
  width 100%
  height 100%
  display flex
  flex-direction column
  .none-wechat-menu
    flex none
    bodrer 1px solid red
    padding-bottom: 23px;
    padding-top: 13px;
    font-weight 700
    font-size 14px
  .none-wechat-page-wrapper
    box-sizing border-box
    padding 10px
    display flex
    flex-direction column
    justify-content center
    background #F2F2F6
    border-radius 6px
    flex 1
    .none-wechat-page
      position relative
      background #ffffff
      border-radius 6px
      box-sizing border-box
      height 100%
      display flex
      flex-direction column
      justify-content center
      align-items center
      .none-wechat-title
        width 300px
        font-size 14px
        font-weight 500
        text-align center
        line-height 24px
        margin-bottom 10px
      .none-wechat-btn
        width 160px
        line-height 40px
        background #409eff
        border-radius 6px
        color #ffffff
        font-size 14px
        text-align center
        cursor pointer
</style>
